.floor-plan-container{
  position: relative;
  display: inline-block;
  margin: 20px 0 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  min-height: 320px;
  height: auto;
  border: 1px solid #666;
  img{
    width: 960px;
    max-width: 960px !important;
  }
  .dynamic-room{
    position: absolute;
    text-align: center;
    cursor: pointer;
    //border: 1px solid #aaa;
  }
  .room-name{
    //color:#333333;
    color:white;
    text-shadow: 0 0 2px #333;
    text-align: center;
  }
  .room-name.current{
    color:yellowgreen;
  }



  //.rented{
  //  background-color: rgba(220,20,20,0.5);
  //}
  //.rentable{
  //  background-color: rgba(30,144,255,0.5);
  //}
  //.unavailable{
  //  background-color: rgba(30,30,30,0.5);
  //}

  .appoint{
    background-color: hotpink;
  }
  .rented{
    background-color: lightskyblue;
  }
  .rentable{
    background-color: #f0f0f0;
    .room-name{
      color:#333;
      text-shadow: none;
    }
  }
  .unavailable{
    background-color: #aaa;
  }

  .house-status.appoint .color-square{
    background-color: hotpink;
  }
  .house-status.renting .color-square{
    background-color: lightskyblue;
  }
  .house-status.unavailable .color-square{
    background-color: #aaa;
  }
  .house-status.available .color-square{
    background-color: #f0f0f0;
  }
}